<template>
    <!-- 利用a标签实现按钮带有提示功能 -->
    <a :title="title" style="margin:10px" >
         <!-- 下面的v-bind写法，不能使用简写形式 -->
        <el-button v-bind="$attrs" v-on="$listeners"></el-button>
    </a>
</template>

<script>
export default {
    //标签提示按钮的全局组件 
    name:'HintButton',
    props:['title'], //如果子组件通过props接受的属性，在$attrs属性当中是获取不到的
    mounted(){
        // $attrs属于组件的一个属性，可以获取到父组件传递过来的props数据
        // 对于子组件而言，父组件给的数据可以利用props接收，但是需要注意，如果子组件通过props接受的属性，在$attrs属性当中是获取不到的
        // console.log(this.$attrs);  //{type: 'success', icon: 'el-icon-circle-plus-outline', size: 'mini'}

        // $listeners,它也是组件实例自身的一个属性，可以获取到父组件给子组件传递的自定义事件
        //  console.log(this.$listeners);
    }
}
</script>

<style scoped lang="less">
    
</style>